@import 'ember-paper';
@import './alert';
@import './reset';
@import './jquery.jsonview';
@import './newStyles';

/* utilities */
.hide {display: none!important;}
.show {display: block!important;}
.destroyed {background: black; color: black;}
/* main */
.jobs {width:100%; }

/* routes */
.route {
  margin-left: 250px;
  margin-right: 400px;
}
.route-margin-left {
  margin-left: 250px;
}
.route-marign-right {
  margin-right: 400px;
}
.route.route-jobs-show {margin-right: 0px;}
.route-jobs-show .btn-more { display: none; }
.route-jobs-index {padding: 20px;}

/* Menu */
.menu { position: fixed; width: 250px; height: 100%; background: #262626; overflow: scroll; overflow-x: hidden;}
.menu .logo { height: 75px;line-height: 75px; text-align: center;}
.menu .logo a { font-family: Montserrat-Regular; font-size: 24px; color: white; text-decoration: none;}
.menu-list a.item, .menu-list a.sub-item {
    font-family: 'Montserrat', sans-serif; font-size: 12px; color: #AAAAAA; text-decoration: none; line-height: 43px;
    width: 250px; display: block; height: 43px; padding-left: 10px;
}
.menu-list a.sub-item {padding-left: 30px;}
.menu-list a:hover {background: #373737;color: white;}
.menu-list a.item.active {color: white; background: #CF553E;}
.menu-list a.sub-item.active {color: white;}
.menu-list .item-count, .menu-list .sub-item-count{  float: right; background: #fafafa; border-radius: 22px; text-align: center; height: 26px; line-height: 26px; padding: 0 10px; margin-top: 7px; margin-right: 10px; color:black;}
.menu-list .sub-item-count{background: #626262;}

/* top bar */
.top-bar { height: 75px; line-height:75px; font-family: 'Open Sans', sans-serif; font-size: 14px; padding-left: 20px;}
.top-bar > * {display: inline;}
.top-bar .gt{ }

/* table */
.table{ display:table; border-collapse: collapse; }
.heading{display:table-row;text-align: center;}
.table-row{display:table-row;text-align: center;}
.col{display:table-cell;}
.col-id span{cursor: pointer;}
.job, .jobs .heading{
    font-family: 'Open Sans', sans-serif; padding: 0px 10px; font-size: 12px;
    height: 40px; padding-left: 10px; line-height: 40px;
    border: 1px solid rgb(239, 239, 239);
}
.jobs .heading {font-weight: bold; color: #646464; text-transform: uppercase; font-size: 12px; border-bottom: 2px solid #646464;}
.jobs .empty { padding: 10px; font-family: 'Open Sans'; font-size: 12px;}
.job:nth-child(odd) {background: #F8F8F8}
.job:nth-child(even) {background: white}
.job.active {background: #CF553E!important; color: white!important; }
.job:hover {background: #ededed; cursor: pointer;}

/* right panel */
.panel-right { position: fixed; right: 0; top: 0; width: 400px; height: 100%; overflow-y: scroll;}
.job-detail .title { height: 75px; line-height: 75px; font-family: 'Open Sans', sans-serif; font-size: 14px; padding-left: 20px; border-bottom: 2px solid #646464;}
.error .title, .console .title{ height: 30px; line-height: 30px; background: #ededed;font-weight: bold; color: #646464; text-transform: uppercase; font-size: 12px;}
.error .error-output{ font-family: monospace; white-space: pre-wrap; padding: 10px; font-size: 12px; color: red;}

/* paging component */
.paging { border-right: 1px solid rgb(239, 239, 239); height: 40px; line-height: 40px; font-family: 'Open Sans'; padding-left: 10px; font-size: 12px; text-transform: uppercase;}

/* stats-panel */
.stats-panel {font-family: 'Open Sans';  border: 1px #fafafa solid;}
.stats-panel a { text-decoration: none; color: black;}
.stats-panel .title { height: 40px; line-height: 40px; padding-left: 10px; font-weight: bold;border: 1px solid rgb(239, 239, 239); border-bottom: 2px solid #646464; color: #646464; text-transform: uppercase; font-size: 12px;}
.stats-panel .field{font-size: 13px; padding: 5px 10px; border: 1px solid rgb(239, 239, 239); border-top: 0;}
.stats-panel .field:nth-child(odd) {background: #F8F8F8}
.stats-panel .field:nth-child(even) {background: white}
.stats-panel .field:hover { background: #ededed;}
.stats-panel .field a:hover { text-decoration: underline;}

/* input */
.input-search {margin: 10px 0px; text-align: center;}
.input{ padding: 10px; border: none; border-bottom: solid 2px #c9c9c9; -webkit-transition: border 0.3s; -moz-transition: border 0.3s; -o-transition: border 0.3s; transition: border 0.3s;}
.input:focus{ border-bottom: solid 2px #969696; outline: none; }

/* buttons */
.btn-remove { margin-left: 42px; width: 300px; height: 50px; background: rgb(229, 108, 108); border: 0; text-transform: uppercase; font-size: 13px; color: white; font-family: 'Open Sans';  border: none; border-bottom: solid 2px #C04A4A;}

/*other*/
#json .jsonview { font-size: 1em; margin-left: 10px; margin-top: 10px;}
